<!-- Created by henian.xu on 2018/11/19. -->

<template>
    <div class="goods-list">
        <div class="inner"><slot/></div>
    </div>
</template>

<script>
export default {
    name: 'GoodsList',
    componentName: 'GoodsList',
    provide() {
        return { GoodsList: this };
    },
    data() {
        return {};
    },
    props: {
        itemWidth: {
            type: [Number, String],
            default: '100%',
        },
    },
};
</script>

<style lang="scss">
@import '~/assets/style/_index.scss';
.goods-list {
    width: 1200px;
    > .inner {
        @include clearfix;
        margin: 0 $padding/-2;
        > .goods-item {
            padding: $padding/2;
            float: left;
        }
    }
}
</style>
